<template>
	<div>
	<div>
		<p style="padding-left:0.5rem;font-weight:600;font-size: 1.1rem;padding-bottom: 1rem;">热门搜索</p>
			<div><img src="../../assets/小米11.png"  style="width:100%;height: 9.5rem;"/></div>
	</div>
	<!-- <div style="display:flex;flex-wrap: wrap;padding-left: 0.5rem;"  >
		<div class="itemcolor" v-for="(item,index) in cySearchz" :key='index+" "' :style="getcolor">
	{{item}}
		</div>
	</div>	 -->
	</div>
</template>

<script>
	export default{
		data(){
			return{
				
			}
		},
		  props:{
		        cySearchz:{
		            type:Array,
		            default:[]
		        },
				},
			// 	color:{
			// 		type:Boolean,
			// 		default:true
			// 	}
		 //    },
			// computed:{
			// 	getcolor(){
			// 		console.log('sds')
			// 		if(!this.color){
			// 			return `background-color:#F5F5F5;color:#717171;border:0`;
			// 			console.log('1')
			// 		}else{
			// 			console.log('2')
			// 			let color={
			// 				borderColor:['#EEA6AA','#DD6A4B','98D5D8','#9DBE93','#BCCD99'],
			// 				background:['#F8EAE9','#FFBEC6','#E8F6F6','#E4F5E2','#F2F6E8']
			// 			};
			// 			let index=Math.floor(Math.random()*color.borderColor.length);
			// 			console.log(index)
			// 			let borderColor=color.borderColor[index];
			// 			let background=color.background[index];
			// 			return `background-color:${background};border-color:${borderColor};border-width:1px`
			// 		}
			// 	}
			// }
	}
</script>

<style>
</style>
